<template>
  <div class="BannerRowAdv" :style="'height:'+componentContent.detail.height  +'px'">
    <div class="BannerRowAdvImg" v-for="(item,index) in componentContent.detail.list" :key="index">
      <img :src="item.image" />
    </div>
  </div>
</template>


<script>
export default {
  name: "BannerRowAdv",
  props: {
    componentContent: {
      type: Object
    }
  },
  data() {
    return {};
  },
  created(){
    console.log(this.componentContent,'BannerRowAdv')
  },
  
};
</script>


<style lang="scss" scoped>
.BannerRowAdv {
  width: 100%;
  height: 140px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  .BannerRowAdvImg {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>